/**
 * Created by asus on 2017/7/30.
 */
$(function () {
    var startX=0;
    $("ul").on("touchstart",function (e) {
        // console.log(e)
        startX=e.originalEvent.touches[0].clientX;
    })
    $("ul").on("touchmove",function (e) {
        // console.log(e)
        var moveX=e.originalEvent.touches[0].clientX;
        var offectX=moveX-startX;
        // console.log($('ul').css('transform'));
        //应该在偏移的基础上进行偏移
        var oldTranslateX=0;
        if ($("ul").css("transform")=="none"){
            oldTranslateX=0;
        }else {
            oldTranslateX=parseInt($('ul').css("transform").split(",")[4]);
        }
        var newTranslateX=oldTranslateX+offectX;

        // console.log('newTranslateX='+newTranslateX)
        $('ul').css({
            transform:'translateX('+newTranslateX+'px)',
            transition:"none"
        })
        //在每次滑动结束后都将移动值设置为开始值
        startX=moveX;
    })
    $("ul").on("touchend",function (e) {
        // console.log(e)
        var finalTranslateX=parseInt($('ul').css("transform").split(",")[4]);
        // console.log(finalTranslateX)
        var maxTranslateX=-$('ul').width()+$('.baicaijia-title').width();
        if (finalTranslateX>0){
            finalTranslateX=0;
        }else if (finalTranslateX<maxTranslateX){
            finalTranslateX=maxTranslateX;
        }
        $('ul').css({
            transform:'translateX('+finalTranslateX+'px)',
            transition:"transform 500ms"
        })
    })

    $.ajax({
        url:'http://127.0.0.1:3000/api/getbaicaijiatitle',
        dataType:'json',
        success:function (data) {
            console.log(data)
            var html=template('baicaijia-title-template',data);
            $('.baicaijia-title>ul').html(html);
            getProductList(data.result[0].titleId);

            $('ul').width(100*data.result.length);

            $('ul>li:first-of-type>a').addClass('haha');

            $('ul>li>a').click(function () {
                $('ul>li>a').removeClass('haha');
                $(this).addClass('haha');


                var targetTitleId = this.dataset["titleId"];
                getProductList(targetTitleId);

                return false;
            })
        }
    })
    function  getProductList(titleId) {
        $.ajax({
            url:'http://127.0.0.1:3000/api/getbaicaijiaproduct',
            data:{titleid:titleId},
            dataType:'json',
            success:function (data) {
                console.log(data);
                var html=template('product-list-template',data);
                $('#product>.product-list').html(html);
            }
        })
    }
})